﻿@charset "utf-8";
/* CSS Document */
/* css重置 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td, p { margin: 0; padding: 0 }
body { color: #666666; background: #fff; word-break: break-all; word-wrap: break-word; }
body, input, textarea { font-size: 12px; font-family:Arial,Verdana,"\5b8b\4f53";}
input, button, select, textarea { outline: none }
li { list-style: none }
img { border: none }
textarea { resize: none }
table{border-collapse:collapse; border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:12px;}
ul,ol,dl,dt,dd{list-style-type:none}
a { color: #333333; text-decoration: none; outline: none }
a:hover { color: #6ab930 }
i,s{ display:inline-block; vertical-align:middle;}
font{ color:#ef760a}
/*clearfix 清除浮动*/
.clearfix { *zoom:1; }
.clearfix:after, .wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix, .wrap { *+height:1%}
.clear {clear: both; }

/*公用*/
body{ }
.w{ }
.wrap{ width: 1200px; margin: 0 auto }
.main {}
.w1200{ width:1200px !important}

.fl{ float:left;}
.fr{ float:right;}

.al{ text-align:left !important;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.br0 { border-right: 0px !important }
.brb0 { border-bottom: 0px !important }

.block{ display:block !important;}
.hover{ display:block !important;}
.none{ display:none;}

.absolute{ position:absolute;}

.btn-buy{cursor:pointer}

.gray{color:#666666;}
.orange{color:#e93005;}
.green{ color:#5caa23;}

.mt10{ margin-top:10px;}
.mb0{ margin-bottom:0 !important;}
.mb10{ margin-bottom:10px}
.ml10{ margin-left:10px;}

.pb0{ padding-bottom:0 !important;}
.pl25{ padding-left:25px;}

.fs14{font-size:14px;}

.bgf{ background:#fff}

/*------按钮------*/
/*绿色渐变*/
.btn-green{ display:block; color:#fff; font: bold 14px microsoft yahei; cursor:pointer;
background: #5aaa16;}
.btn-green:hover{
background: #6cc91d;}
/*白色渐变*/
.btn-white { display:block; color:#5cb21d; font: bold 14px microsoft yahei; border:1px solid #5cb21d; cursor:pointer;
background: #f9fff5;}
.btn-white:hover{
background: #ffffff;}
/*绿色背静*/
.btn-gn{ display:inline-block; color:#fff; border:1px solid #66b52d; background:#66b52d;}
.btn-gn:hover{color:#fff; border:1px solid #84c655; background:#84c655;}
/*绿色边框白色背静*/
.btn-wgn{ display:inline-block; color:#5ca923; border:1px solid #5ca923; background:#fff;}
.btn-wgn:hover{ color:#84c655; border:1px solid #84c655;}
/*橙色背静*/
.btn-org{ display:inline-block; color:#fff; border:1px solid #f14b00; background:#f14b00;}
.btn-org:hover{color:#fff;  border:1px solid #ff6e2c; background:#ff6e2c;}
/*橙色边框白色背静*/
.btn-worg{ display:inline-block; color:#f14b00; border:1px solid #f14b00; background:#fff;}
.btn-worg:hover{ color:#ff6e2c; border:1px solid #ff6e2c}

/*------顶部工具栏------*/
.site-nav{  z-index: 99; position:relative; width:auto; height:30px; background:#f7f9f8;}
.site-nav s{ position:absolute; top:13px; right:8px; width:8px; height:4px; margin-left:5px; background: url(../imgs/header-img.png) no-repeat 0 0;
transition:transform .2s ease-in 0s;
-webkit-transition:-webkit-transform .2s ease-in 0s;}
.site-nav .current s{transform:rotate(180deg);
-webkit-transform:rotate(180deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
background: url(../images/header/header-img.png) no-repeat -13px 0 \9;}

.site-nav .fl li{ float:left; line-height:30px; margin-right:10px;}
.site-nav .city { position:relative; color:#008842;}
.site-nav .city-sz { float:left; height:16px; line-height:16px; margin:7px 0; cursor: pointer; }
.site-nav .city-sz i{ width: 12px; height: 16px; margin-right:5px; background: url(../imgs/header-img.png) no-repeat left top;}
.site-nav .city-tit{ _overflow:hidden; _height:20px;  float:left;}
.site-nav .city-name{ z-index: 100; position: relative; display:block; float:left; height: 20px; line-height:20px; margin-top:5px; padding:0 20px 5px 5px; _height: 16px; _line-height:16px;_padding:2px 20px 5px 10px; color:#008842; cursor: pointer;}
.site-nav .city-name s{ top:9px;}
.site-nav .city-con { display:none; position: absolute; top: 28px; left: 0; width: 482px; border: 2px solid #007f4d; background: #fff; }
.site-nav .city-con .headline{ padding:0 15px; line-height:32px; color:#727272; background:#e0e0e0; }
.site-nav .city-con .headline a{float:right; color:#008842; font-family:simsun;}
.site-nav .city-con .citylist{float:left; width:210px; margin:15px 0; padding:0 15px;}
.site-nav .city-con dl{display:block; overflow:hidden; zoom:1; line-height:22px;}
.site-nav .city-con dt{font:bold 12px/22px arial,microsoft yahei; color:#008842; float:left; width:13px; margin-right:5px; text-align:center;}
.site-nav .city-con dd{overflow:hidden; zoom:1;}
.site-nav .city-con .border{ border-right:1px solid #e0e0e0}
.site-nav .city-con a{color:#727272; margin:0 5px; float:left; display:inline-block; white-space:nowrap;}
.site-nav .city-con .hot{color:#008842; font-weight:bold;}
.site-nav .city-con a:hover{text-decoration:none; color:#008842;}
.site-nav .current .city-name{ background:#008842; color:#fff;}
.site-nav .current .city-con{ display:block;}
.site-nav .current .city-name s{background: url(../images/header/header-img.png) no-repeat -25px 0;}

.site-nav .fr li{ position:relative; float:right; line-height:30px; padding:0 10px; text-align:center;}
.site-nav .fr i{ width:18px; height:18px; margin-right:5px; background: url(../imgs/header-img.png) no-repeat left top;}
.site-nav .fr .tit{ _float:left;_overflow:hidden; _height: 30px;}
.site-nav .fr .tit a{ display:block; float:left; height: 30px;line-height:30px; padding:0 20px 0 10px; _height: 16px; _line-height:16px; _padding:7px 20px 7px 10px; cursor: pointer; z-index: 100; border: solid #f7f9f8; border-width: 0 1px;position: relative;}
.site-nav .fr .con{ display:none; position:absolute; top:30px; left:0; border: 1px solid #b4c1a3; background:#fff;}
.site-nav .fr .current .con{ display:block;}
.site-nav .fr .current .tit a{ border-color:#b4c1a3; background:#fff; padding-bottom:1px; padding-bottom:1px; _padding:6px 20px 7px 10px; }
.site-nav .fr .myyiguo,.site-nav .fr .mobile{ padding:0;}

.site-nav .pay i{ width:22px; background-position: -147px 0;}
.site-nav .pay{ _height: 16px !important;_padding:7px 5px !important; }

.site-nav .myyiguo .tit i{ background-position: -40px 0;}
.site-nav .myyiguo .con{width:100px; padding:5px 12px; text-align:left;}
.site-nav .myyiguo .con a{ display:block; line-height:25px; color:#727272;}
.site-nav .myyiguo .con b{ margin-left:10px;padding: 0 5px;color: #fff;background: #008842;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;}
.site-nav .myyiguo .con a:hover{ color: #008842;}

.site-nav .mobile .tit i{ background-position: -64px 0;}
.site-nav .mobile .con{ width:125px; padding:10px; line-height:25px;}
.site-nav .mobile .item{ margin:5px 0;}
.site-nav .mobile .item img{ display:block;}

.site-nav .TEL i{ background-position: -86px 0;}
.site-nav .TEL, .site-nav .language { _height: 16px !important;_padding:7px 5px !important; }

/*------页头------*/
.header{ background:#e0e0e0;}
.header .wrap{ height:58px; padding:15px 0 5px 0;}
.logo{ float:left;}
.logo a{ display:block; width:171px; height:45px; background:url(../images/header/logo.png) no-repeat;}

/*搜索框*/
.search{float:left; width:528px; margin-left:100px;}
.search .search-input{float:left;width:425px; height:26px; line-height:26px; padding:0 10px; border:1px solid #008842; background:#e0e0e0 }
.search .search-input:focus{ background:#fff;}
.search .search-btn{float:left; display:block; width:81px; height:28px; line-height:28px; padding:0; border:none; cursor:pointer; color:#fff; font-size:14px; background:#008842;}
.search .search-keywords{line-height:30px;}
.search .search-keywords a{margin-right:5px; color:#727272; display:inline-block;}
.search .search-keywords a.hot{ color:#008842}

/*购物车*/
.shopping-cart{ z-index:88; float:right; position:relative;}
.shopping-btn{ width:170px; height:28px; padding:6px 0; line-height:28px; color:#008842; text-align:center; font-size:25px; border:1px solid #008842; background:#fff; cursor:pointer;}
.shopping-btn a{ display:block; color:#008842;}
.shopping-btn .totleNum{display:inline-block; vertical-align:middle; width:28px; height:20px; margin-right:10px; font-size:12px; padding:0; background:url(../images/header/header-img.png) no-repeat -112px 0;}
.shopping-btn .totleNum b{ display: block; width: 24px; line-height:12px; margin-right:4px; text-align: center; }
.shopping-btn .totlePrice{ font-weight:normal; font-family: Arial, "Microsoft YaHei"; }
.shopping-list{ z-index:88; display:none; position:absolute; top:41px; right:0; width:380px; padding:10px; background:#fff; border:1px solid #007f4d;}
.shopping-list p{width:380px; height:28px; line-height:28px; color:#008842; margin:-10px 0 0 -10px; padding:0 10px; background:#ededed;overflow:hidden; white-space: nowrap;text-overflow: ellipsis;  }
.shopping-list ul{display: block;position: relative; overflow-x: hidden; overflow-y: auto; width:380px; max-height:264px; _height:275px; margin:10px 0 0 0;padding: 0px;}
.shopping-list li{ position:relative; overflow:hidden; zoom:1; background:#fff; height:45px; padding:0 0 15px 0; line-height:20px;  }
.shopping-list li .l{float:left; margin-right:5px; width:45px; height:45px;}
.shopping-list li .c{float:left; width:222px;}
.shopping-list li .c a{display:block; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.shopping-list li .c a:hover{display:block; color:#008842}
.shopping-list li .c b{ display:block; font-weight:normal; color:#888;}
.shopping-list li .r{float:left; text-align:right; width:90px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; }
.shopping-list li .r b{ color:#e7380d; font-weight:bold;}
.shopping-list li .r a{ display:block; color:#888;}
.shopping-list li .r a:hover{ color:#008842;}
.shopping-list .price-total{ font-size:12px;line-height:27px; margin-top:5px; padding-top:10px; text-align:right; border-top:1px solid #dcdcdc;}
.shopping-list .price-total b{color:#e7380d; font-size:16px; margin:0 5px}
.shopping-list .price-total span{ margin-left:15px;}
.shopping-list .settleup{display:inline-block; width:75px; height:27px; font-size:12px; text-align:center; color:#fff; background:#008842;;}
.shopping-list .nogoods{ width:380px; height:120px; line-height:120px; text-align:center; background:url(../images/none-bg-w190.jpg) no-repeat center #fff;}
.shopping-cart-cur .cart_txt{ background-position: 0 -63px; }
.shopping-cart-cur .shopping-list{ display:block;}

/*------导航条------*/
.header-nav{ z-index:77; position:relative;}
/*商品分类*/
.catalogs{float:left; position:relative;}
.catalogs-title{ width:180px; height:38px; position:relative; text-align:center; background:#008842;}
.catalogs-title a{ overflow:hidden; font: bold 15px/16px Microsoft Yahei; color:#fff; display:block; height:16px; padding:11px 0; _padding:11px 0;}
.catalogs-list{ display:none; position:absolute;}
.catalogs-list .item{}

#t11_channelhome h2 a{ color:#26375d;}
#t11_channelhome h2 i{background-position:-240px 0;}
.catalogs-list .t11_channelhome a i{ background-position: -240px 0;}
.floor-guide .icon_11_channelhome{ background-position: -420px 0; }

#t10_channelhome  h2 a{ color:#3ca3dc;}
#t10_channelhome h2 i { background-position: -531px 0; width: 41px; }
.catalogs-list .t10_channelhome a i{ background-position: -168px 0;}
.floor-guide .icon_10_channelhome{ background-position: -280px 0; }

#t09_channelhome   h2 a{ color:#940606;}
#t09_channelhome   h2 i{background-position:-414px 0;}
.catalogs-list .t09_channelhome a i{ background-position: -216px 0;}
.floor-guide .icon_09_channelhome{ background-position: -360px 0; }

#t08_channelhome   h2 a{ color:#764e00;}
#t08_channelhome   h2 i{background-position:-230px 0;}
.catalogs-list .t08_channelhome a i{ background-position: -120px 0;}
.floor-guide .icon_08_channelhome{ background-position: -200px 0; }

#t07_channelhome   h2 a{ color:#b84f00;}
#t07_channelhome   h2 i{background-position:-368px 0;}
.catalogs-list .t07_channelhome a i{ background-position: -192px 0;}
.floor-guide .icon_07_channelhome{ background-position: -320px 0; }

#t06_channelhome   h2 a{ color:#e08683;}
#t06_channelhome   h2 i{background-position:-138px 0;}
.catalogs-list .t06_channelhome a i{ background-position: -72px 0;}
.floor-guide .icon_06_channelhome{ background-position: -120px 0; }

#t05_channelhome   h2 a{ color:#f0c000;}
#t05_channelhome   h2 i{background-position:-92px 0;}
.catalogs-list .t05_channelhome a i{ background-position: -48px 0;}
.floor-guide .icon_05_channelhome{ background-position: -80px 0; }

#t04_channelhome   h2 a{ color:#45c6ce;}
#t04_channelhome  h2 i{background-position:-184px 0;}
.catalogs-list .t04_channelhome a i{ background-position: -96px 0;}
.floor-guide .icon_04_channelhome{ background-position: -160px 0; }

#t03_channelhome   h2 a{ color:#bcc257;}
#t03_channelhome  h2 i{background-position:-276px 0;}
.catalogs-list .t03_channelhome a i{ background-position: -144px 0;}
.floor-guide .icon_03_channelhome{ background-position: -240px 0; }

#t02_channelhome  h2 a{ color:#007f4d;}
#t02_channelhome  h2 i{background-position:-46px 0;}
.catalogs-list .t02_channelhome a i{ background-position: -24px 0;}
.floor-guide .icon_02_channelhome{ background-position: -40px 0; }

#t01_channelhome   h2 a{ color:#fc5f3c;}
#t01_channelhome   h2 i{background-position:0px 0;}
.catalogs-list .t01_channelhome a i{ background-position: 0 0;}
.floor-guide .icon_01_channelhome{ background-position: 0 0; }

.catalogs-list h3 a{ overflow:hidden; position:relative; display:block; width:165px; height:24px; padding:9px 0 9px 15px; font:normal 14px/24px microsoft yahei; background: rgba(255, 255, 255, 0.9); background:#fff \9;}
.catalogs-list h3 i{ overflow:hidden; width:24px; height:24px; margin-right:15px; background:url(../images/header/nav-icon.png) no-repeat 0px 0px;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;}
.catalogs-list .t1 a i{ background-position: 0 0}
.catalogs-list .t2 a i{ background-position: -24px 0}
.catalogs-list .t3 a i{ background-position: -48px 0}
.catalogs-list .t4 a i{ background-position: -72px 0}
.catalogs-list .t5 a i{ background-position: -96px 0}
.catalogs-list .t6 a i{ background-position: -120px 0}
.catalogs-list .t7 a i{ background-position: -144px 0}
.catalogs-list .t8 a i{ background-position: -168px 0}
.catalogs-list .t9 a i{ background-position: -192px 0}
.catalogs-list .t10 a i{ background-position: -216px 0}
.catalogs-list .t11 a i{ background-position: -240px 0}
.catalogs-list h3 s{ display:none; position:absolute; top:7px; right:18px; font-family:Arial; text-decoration:none;}
.catalogs-list .sub-item{ z-index:3; display:none; position:absolute; top:-38px; left:180px; width:215px; height:464px; padding:17px 20px; border:1px solid #bbb; background: rgba(255, 255, 255, 0.9); background:#fff \9; }
.catalogs-list h4{ margin-bottom:10px; color:#20985a; font:normal 18px microsoft yahei; text-decoration:underline;}
.catalogs-list .sub-list{}
.catalogs-list .sub-list a{ display:inline-block; line-height:25px; margin-right:30px; color:#686868;}
.catalogs-list .sub-list a:hover{ color:#008842;}
.catalogs-list .sub-list .hot{ color:#319ec3}
/*商品分类 广告位*/
.catalogs-list .catalogs-ad {position:absolute; bottom:10px;}
.catalogs-list .current h3 a{ z-index:78; padding:8px 0 8px 15px; background: rgba(255, 255, 255, 0.95); border:1px solid #bbb; border-right:0px;}
.catalogs-list .current h3 i{ margin-left:10px;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;}
.catalogs-list .current h3 s{ display:block;}
.nav-items{ overflow:hidden; float:left; width:1005px; height:38px; line-height:38px; }
.nav-items ul li{ float:left; width:115px; text-align:center; font-size:15px; font-weight:bold;}
.nav-items .highlight{ color: #008842; }

/*------页尾------*/
.footer{ padding-bottom:20px; overflow:hidden; zoom:1; clear:both; position:relative; border-top:2px solid #e0e0e0}
.footer .wrap{ margin:50px auto 0;}
.footer dl{width:190px; float:left; margin-left:50px; display:inline;}
.footer dl dt{ height:23px; line-height:23px; background:url(../../imgs/footer_icon.png) no-repeat; font-size:14px; text-indent:40px;}
.footer .col1 dt{background-position:0 0;}
/*.footer .col2 dt{background-position:0 -23px;}
.footer .col3 dt{background-position:0 -46px;}
.footer .col4 dt{background-position:0 -69px;}
.footer .col5 dt{background-position:0 -92px;}*/
.footer dl dd{border-left:1px dashed #A8A8A8; padding-left:20px; height:110px; min-height:110px; margin:15px 0 0 13px;}
.footer dl dd a{color:#575556; line-height:22px;}
.footer dl dd a:hover{text-decoration:underline; color:#008842;}
.footer .service{clear:both; text-align:center; padding:60px 0 20px; color:#008842; font-size:14px;}
.footer .service span{ display:inline-block; padding:0 10px;}
.footer .copyright{clear:both; color:#717171; text-align:center; line-height:22px; }
.footer .copyright a{color:#717171;}
.footer .copyright a:hover{color:#008842;}
.footer .authentication a{ display:inline-block; position: relative; height:45px; margin:0 10px; zoom: 1;}
.footer .authentication span{font-size: 12px; color: #001b75; padding: 0; margin: 0; text-decoration: none; top:25px; left: 50px; position: absolute; cursor: pointer;}
.footer .authentication img{ height:47px;}

/*------侧边悬浮导航------*/
.sidebar { display:block; z-index: 100;/* position:absolute;跟随定位*/ position:fixed; bottom: 20px; right: 47%; margin-right: -625px; /*IE屏幕定位*/ _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop)); _margin-top: 630px; /*IE屏幕定位END*/ width:56px; }
.w1280 .sidebar{ position: fixed; right:7px; margin-right:0;}
.sidebar a.s1, .sidebar a.s2, .sidebar a.s3, .sidebar a.s4 { overflow: hidden; display: block; width:50px; height: 50px; margin-bottom:10px; background:url(../images/sidebar.png) no-repeat left top }
.sidebar a.s1{ background-position:0 0}
.sidebar a.s2{ background-position:0 -55px;}
.sidebar a.s3{ background-position:0 -110px;}
.sidebar a.s1:hover{ background-position:-61px 0}
.sidebar a.s2:hover{ background-position:-61px -55px}
.sidebar a.s3:hover{ background-position:-61px -110px}
.sidebar .side-cart{position:relative;}
.sidebar .side-cart dt{ }
.sidebar .side-cart .side-cart-num{ z-index:100; position:absolute; top:-4px; right:-6px; display:block; padding:2px 5px; color:#fff; font-weight:bold; border:1px solid #f47300; background:#ff8400;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;}
.sidebar .side-cart .s-c-list-w{ display:none; position:absolute; bottom:-120px; _bottom:10px; right:55px;}
.sidebar .side-cart .s-c-list-w .cart-arr{ z-index:1; position:absolute; bottom:135px; right:0; width:11px; height:18px; background:url(../images/cart-arr.png) no-repeat right top;}
.sidebar .side-cart .s-c-nogoods, .sidebar .side-cart .s-c-list{ position:relative; width:380px; padding:10px; margin-right: 10px; border:1px solid #5cb21d; background:#fff;} 
.sidebar .side-cart .s-c-nogoods{ width:270px; height:30px; line-height:30px; text-align:center; margin-bottom:117px;}
.sidebar .side-cart .s-c-list p{ width:380px; height:26px; color:#606060; border-bottom:2px solid #6ab930 }
.sidebar .side-cart .s-c-list p span.fr{ text-align:right; color:#6ab930;}
.sidebar .side-cart .s-c-list p b{ color:#fb7132;}
.sidebar .side-cart .s-c-list ul{display: block;position: relative; overflow-x: hidden; overflow-y: auto; width:380px; max-height:264px; _height:264px; margin: 0px;padding: 0px; }
.sidebar .side-cart .s-c-list li{  position:relative; overflow:hidden; zoom:1; background:#fff; height:45px; padding:10px 0; line-height:20px; border-bottom:1px dashed #c2c2c2; }
.sidebar .side-cart .s-c-list .l{float:left; margin-right:5px; width:45px; height:45px;}
.sidebar .side-cart .s-c-list .c{float:left; width:222px;}
.sidebar .side-cart .s-c-list .c a{display:block; color:#606060;overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.sidebar .side-cart .s-c-list .c a:hover{display:block; color:#6ab930;}
.sidebar .side-cart .s-c-list .c b{ display:block; font-weight:normal; color:#bababa;}
.sidebar .side-cart .s-c-list .r{float:left; text-align:right; width:90px;overflow:hidden; white-space: nowrap;text-overflow: ellipsis; }
.sidebar .side-cart .s-c-list .r b{ color:#f14b00; font-weight:bold;}
.sidebar .side-cart .s-c-list .r a{ display:block; color:#606060;}
.sidebar .side-cart .s-c-list .r a:hover{ color:#6ab930;}
.sidebar .side-cart .s-c-list .total{padding:10px 0;}
.sidebar .side-cart .s-c-list .total b{color:#EABC57; margin:0 5px;}
.sidebar .side-cart .s-c-list .price-total{ font-size:12px;line-height:22px; padding-top:10px; color:#333; text-align:right;}
.sidebar .side-cart .s-c-list .price-total:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden }
.sidebar .side-cart .s-c-list .price-total div{ clear:both;}
.sidebar .side-cart .s-c-list .price-total b{color:#f14b00; margin:0 5px}
.sidebar .side-cart .s-c-list .price-total span{ display:block;}
.sidebar .side-cart .s-c-list .settleup{display:block; width:116px; height:26px; line-height:26px; font-size:12px; text-align:center; color:#fff; background:#5fad26;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.sidebar .side-cart-cur .s-c-list-w{ display:block !important; }
.sidebar-fixed{position: fixed; top: 25%; }
.sidebar-fixed .side-cart .s-c-list-w{ position:absolute; bottom:0; top:-36px;}
.sidebar-fixed .side-cart .s-c-list-w .cart-arr{ top:51px;}
.sidebar-fixed .side-cart .s-c-nogoods{  margin-top: 36px;}

/*------单个商品样式------*/
.product{ position:relative; overflow:hidden; width:224px; height:281px; padding:10px;}
.product .p-img{ width:100%; margin-bottom:5px; overflow: hidden;position: relative;}
.product .p-img img{ width:100%;}
.product .p-info{ padding:0 25px;}
.product .p-name{ line-height:20px; padding:2px 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .p-name b{ font-size:14px; display:block; font-weight:normal;}
.product .p-name span{ font-size:12px; color:#e93005;}
.product .p-price{ color:#333; line-height:24px;}
.product .p-price span{ display:block; float:left;}
.product .p-price strong{ font-size:20px; color:#e93005}
.product .p-price b{ font-weight:normal; color:#333;  margin-right: 3px;}
.product .p-price del{ display:block; float:right; font-size:13px; color:#888;}
/*加入购物车*/
.product .b-buy,.product .b-reserve{ display:none; position:absolute; bottom:0; width:100%; padding:6px 0; color:#fff; font-size:14px; text-align:center; cursor:pointer;}
.product .b-buy{ background:#f14b00;}
.product .b-reserve{ background:#5aaa16;}
/*已售罄*/
.soldOut .p-soldOut{ position:absolute; top:0; width:100%; height:100%; text-align:center;background: url(../images/bg-gray.png) repeat;}
.soldOut .p-soldOut a{ display:block; width:100%; height:100%; background:url(../images/sold_out.png) no-repeat center;}
.soldOut .p-soldOut a span{ display:none; position:absolute; left:0; bottom:0; width:100%; padding:6px 0; color:#fff; font-size:14px; background:#5aaa16;}
.soldOut .p-soldOut a span i{ width:20px; height:16px; margin-right:5px; background:url(../images/header-img.png) no-repeat -245px 0;}
.soldOut .p-btn{ background:#a7a7a7 !important;}
/*--优惠提示--*/
.p-yh .tips, .p-xg .tips, .p-mz .tips, .p-df .tips{position:absolute; bottom:0; width:100%; line-height:22px; text-align:center;}
/*限购一份*/
.p-xg .tips{ color:#f14b00; background:url(../images/bg-green.png) repeat;}
.p-xg .time{clear:both; overflow:hidden; height:25px; line-height:25px;margin-top:10px; padding-top:5px;  text-align:center; border-top:1px solid #c4dfb1;}
.p-xg .time strong{ font-weight:normal; color:#f17d16; vertical-align:middle;}
.p-xg .time i{ width:16px; height:18px; margin-right:5px; background:url(../images/promotion-img.png) no-repeat -31px -39px;}
.p-xg .time-over{color:#393939; font-weight:bold; font-size:14px; }
.p-xg .p-btn{display:block; float:right; font-size:12px; color:#fff; padding:0 8px; background:#f14b00;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius:3px}
/*本周热卖*/
.p-rm{}
.p-rm .tag-top{ position:absolute; top:0; left:0; width:46px; height:20px; padding-top:18px; text-align:center; color:#fff; font: bold 18px Arial}
.p-rm .top1{ background:url(../images/promotion-img.png) no-repeat -64px -74px;}
.p-rm .top2{ background:url(../images/promotion-img.png) no-repeat 0 -74px}
/*买赠*/
.p-mz .tips{ color:#397a2a; background:url(../images/bg-green.png) repeat;}
.p-mz .mz-gift{ position:relative; margin-top:10px; clear:both; overflow:hidden; height:32px;  border-top:1px solid #c4dfb1; }
.p-mz .mz-gift a{ clear:both; display:block; height:25px; line-height:25px; padding-top:7px;}
.p-mz .mz-gift a img{ float:left; display:block; width:25px; height:25px; margin-right:10px; }
.p-mz .mz-gift a span{}
.p-mz .mz-gift .arr{ position:absolute; top:15px; right:10px; width:14px; height:8px; background:url(../images/promotion-img.png) -153px -41px;
transition: transform .2s ease-in 0s;
-webkit-transition: -webkit-transform .2s ease-in 0s;}
.mz-gift-cur{ overflow:visible !important; height:auto !important;}
.mz-gift-cur .mz-gift{ overflow:visible !important; height:auto !important; zoom:1;}
.mz-gift-cur .mz-gift .arr{
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
background:url(../images/promotion-img.png) -123px -41px \9}
/*多分优惠*/
.p-df .tips{ color:#f14b00; background:url(../images/bg-green.png) repeat;}
/*优惠*/
.p-yh .tips{ color:#fff; background:url(../images/bg-black.png) repeat;}
.p-yh strong{ font-weight:normal; color:#fffc00; margin-right:5px;}
/*角标*/
.product .tag{ position:absolute; top:0; right:0; color:#fff;}
.product .tag span{ display:inline-block; padding:5px; margin-left:5px;}
.product .tag-new{ background:#64b41d;}
.product .tag-hot{ background:#f25710}
.product .tag-xg{ background:#fab725}
.product .tag-mj{ background:#01a0c8}
.product .tag-mz{ background:#64b41d;}
.product .tag-yh{ background:#b71618}

/*------弹出框------*/
/*基础样式*/
.popout{ display:none;position:fixed; z-index:200; left:0; top:0;}
.popout-wrap{z-index:101; position:fixed; left:50%; top:50%; width:418px; height:197px; margin-left:-210px; margin-top:-98px; background:#fff; _position: absolute;_margin-bottom: expression(this.offsetHeight/2);_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_border:1px solid #6ab930;}
.popout-bg{position: fixed; top: 0;left: 0;z-index: 10;width: 100%;height: 100%; background: #000; border: 0;filter: alpha(opacity = 20);opacity: .20;_background:none;}
.popout-con{ width:418px; height:197px; border:1px solid #6ab930;  }
.popout-con .title{ position:relative; height:16px; padding:7px 0; font-size:14px; text-align:center; color:#fff; background:#88c759;}
.popout-con .title i{ width:13px; height:16px; margin-right:10px; background:url(../images/promotion-img.png) no-repeat -62px -39px;}
.popout-con .con{ padding:25px 30px; line-height:22px; font-size:12px;}
.popout-con h1{ font-size:14px; color:#397a2a; font-weight:normal;}
.popout-con p{ color:#3f3f3f}
.popout-con u{ color:#0071d1; margin-right:5px;}
.popout-con .btnbox{ text-align:center; margin-top:20px;}
.popout-con .btnbox a{ display:inline-block; width:90px; height:30px; margin:0 20px; line-height:30px; text-align:center;border:1px solid #6ab930;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius:3px}
.popout-con .btnbox a.confirm{ color:#fff; background:#6ab930 }
.popout-con .btnbox a.cancel{ color:#397a2a; background:#fff }
.soldOut-poput{ margin-left:-210px; }
/*登录*/
.login-wrap{width: 325px; height:307px; margin: 0 auto;  padding: 0;overflow: visible;}
.p-login{}
.p-login .popout-wrap{ width:565px; height:442px; margin-left:-282px; margin-top:-221px;}
.p-login .popout-con{ width:565px; height:442px;}
.p-login .title{ height:47px; line-height:47px; padding:0; border-bottom:2px solid #6ab930; font-size:18px; text-align:center; color:#6ab930; font-family: Microsoft YaHei; background:#fafcf6;}
.p-login .title .close{ position:absolute; right:20px; top:17px; width:13px; height:13px; background:url(../images/login.png) no-repeat 0 0;}
.p-login .title .close:hover{ background:url(../images/login.png) -26px 0}
.p-login .con{padding: 30px 120px;}
.p-login .form-item{ overflow:hidden; position: relative;margin-bottom: 20px;  border: 1px solid #bdbdbd;height: 38px;width: 315px;}
.p-login .loginname,.p-login .password{  position: absolute;z-index: 3;top: 0;left: 0;width: 38px;height: 38px;border-right: 1px solid #bdbdbd;background: url(../images/login.png) no-repeat 0 -25px ;}
.p-login .password{ background-position:-51px -25px;}
.p-login .iptxt{line-height: 18px;height: 18px;border: 0;padding: 10px 0 10px 50px;width: 265px;float: none;overflow: hidden;font-size: 14px; color:#999}
.p-login .form-item-focus{}
.p-login .other{ position:relative;width: 315px;}
.p-login .lgcheckbox input{ vertical-align:middle;}
.p-login .forget_pswd{  position: absolute;right: 0;top: 0;margin: 0;}
.p-login .forget_pswd a{ color:#666}
.p-login .login-btn{ margin-top:20px;}
.p-login .login-btn a{ display: block;width: 318px;background: #65b42c;height: 40px;line-height: 40px;color: #fff;font-size: 20px; text-align:center; font-family: '\5fae\8f6f\96c5\9ed1';}
.p-login .coagent{ margin-top:20px;}
.p-login .coagent h5{ font-weight:normal;}
.p-login .coagent ul{ margin-top:10px;}
.p-login .coagent li{ float:left; width:88px; height:21px;margin-right: 30px; }
.p-login .coagent a{ display:block; width:88px; height:21px; background:url(../images/login.png) no-repeat}
.p-login .coagent .qq{ background-position:-55px 0;}
.p-login .coagent .weibo{ background-position:-168px 0;}
.p-login .coagent .anyue{ background-position:-266px 0;}
.p-login .reg{ clear:both; margin-top:30px; text-align:center;}
.p-login .reg a{ color:#65b42c; text-decoration:underline;}
/*------面包屑------*/
.crumbs{ margin:10px 0; margin-left:-10px;}
.crumbs a{ margin:0 10px;}
.crumbs a.on{ color:#ef760a; text-decoration:underline;}

/*------个人中心 通用部分------*/
.myyg{}
/*侧边菜单*/
.sub{ width:196px; float:left;}
.sub .menu{ width:163px; padding:15px; margin-bottom:20px; border:1px solid #eff1ed; background:#fff;}
.sub .menu dt{ height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#333;}
.sub .menu dd{ margin-bottom:10px;}
.sub .menu dd a{ height:30px; line-height:30px; color:#666}
.sub .menu dd a:hover{ color:#6ab930}
.sub .menu li .num{ display:inline-block; height:16px; line-height:16px; margin-left:10px; padding:0 4px; color:#fff; background:#e93005;
 -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.sub .menu li .shareGift{width: 15px;height: 19px;margin-left: 10px;background: url(../images/tenyears/icon_gift.png) no-repeat top left;}
.sub .menu li.on a{ color:#6ab930}
.sub .ad{ width:194px;}
.sub .ad a{ display:block; width:194px; border:1px solid #e3e6e0}
.sub .ad a img{ display:block;}
/*主体*/
.main{ position:relative; float:left; margin-left:20px; width:984px;}
.main .title{ position:relative; padding-bottom:10px; font-weight:bold; color:#5fad26; font-size:14px; border-bottom:2px solid #58a620;}
.main .subtitle{ position:relative; margin-bottom:10px; border-bottom:1px solid #ebebeb;}
.main .subtitle b{ display:inline-block; font-size:14px; padding:10px 16px; color:#5fad26; border-bottom:3px solid #68b62e}
.main .subtitle .select{ position:absolute; top:10px; right:0;}
/*tab*/
.myyg-tab { position: relative;height: 41px; margin-top:10px; border-bottom:1px solid #ebebeb; }
.myyg-tab span { display: block; float: left; height: 38px; padding: 0 22px; color: #666; border-bottom: 3px solid #fff; font: bold 14px/38px SimSun; background: #fff; cursor: pointer;}
.myyg-tab .on { color: #61af28; border-bottom: 3px solid #68b62e; position: relative; }
.myyg-tab-con{}
/*table*/
.myyg-table {text-align: center;}
.myyg-table table{ width:100%;}
.myyg-table thead tr { height: 40px; background: #F7F7F7; }
.myyg-table thead tr td { color: #333; }
.myyg-table tbody tr td { height: 40px; }
.myyg-table tbody tr td a { color: #62b129; text-decoration: underline; }
/*y页码*/
.paging{clear:both; float:right; color:#333;}
.paging .paging-num, .paging .paging-total, .paging .paging-form{ float:left; margin-left:10px;} 
.paging .paging-num a{display:block; float:left; height:22px; margin:0 3px; overflow:hidden; background:#fff; border:1px solid #ccc; padding:0 7px; line-height:22px; color:#333; vertical-align:middle;}
.paging .paging-num a:hover, .paging .paging-num .this{ border:1px solid #5cb21d;}
.paging .paging-total{line-height: 24px;}
.paging .paging-form input{text-align:center; border:1px solid #ccc; width:28px; height:22px; padding:0; vertical-align:middle; margin-right:5px; line-height:22px;} 
.paging .paging-form span{ line-height:24px; margin:0 5px; vertical-align:middle;}
.paging .paging-form button{background:#f4f4f4; cursor:pointer; border:none; color:#333; width:43px; height:24px; vertical-align:middle; line-height:22px; border:1px solid #ccc;}

/*------登录、注册、找回密码------*/
.logo .h-tit{ font:28px/1 Microsoft YaHei; color:#64b22a; position:absolute; left:313px; top:6px; white-space:nowrap}
.login i, .register i, .forget-pwd i, .f-step{ background-image:url(../images/bg_login.png); background-repeat:no-repeat;}
.register p, .forget-pwd p{ margin-bottom:29px; font:14px Arial,"Microsoft YaHei";}
.login .input, .register .input, .forget-pwd .input{border:1px solid #c1c1c1;background-color:#fff;height:38px;vertical-align:middle;padding-left:14px;width:290px;font:14px/38px "Microsoft YaHei";}
.login .input-yzm, .register .input-yzm{width:147px;}
.btn-yzm{ display:inline-block;*display:inline;*zoom:1;width:121px; height:38px; text-align:center; line-height:38px; background-color:#f7f7f7; border:1px solid #c1c1c1; color:#64b22a; margin-right:20px;}
.pass-succ i,.pass-tip i,.pass-error i{ display:inline-block;*display:inline;*zoom:1; width:17px; height:17px; vertical-align:middle; margin-right:9px;}
.pass-succ i{ background-position:0 -200px;}
.pass-tip i{ background-position:-20px -200px;}
.pass-error i{ background-position:-40px -200px;}
.pass-error{ color:#f60000}
.btn-green-l, .btn-green-s, .btn-orange-s{display:inline-block;*display:inline;*zoom:1;height:50px;text-align:center;color:#fff;font:18px/50px "Microsoft YaHei";}
.btn-green-l, .btn-green-s{background-color:#65b42c;}
.btn-orange-s{width:170px;background-color:#ef760a;}
.btn-green-l{ width:306px;}
.btn-green-s{ width:170px;}
.btn-green-l:hover, .btn-green-s:hover{background-color:#4ab300; color:#fff !important;}
.btn-orange-s:hover{background-color:#ff7f00; color:#fff;}
.forget-pwd{ height:558px; background-color:#fff; border:1px solid #c4dfb1; margin-top:50px;}
.f-step{width:1200px; height:48px; text-indent:-9999em; margin:60px 0;}
.f-step1{background-position:0 0;}
.f-step2{background-position:0 -48px;}
.f-step3{background-position:0 -96px;}
.f-step4{background-position:0 -144px;}

/* loading */
.loading{ width:100%; text-align:center; padding:30px 0;}
.loading i{ width:43px; height:43px; background:url(../images/loading.gif) no-repeat;}
.loading span{ padding-left:10px; font-size:14px;}


/*---------modify by hj----------*/
/* loading */
.loading{ text-align:center; padding:30px 0;}
.loading i{ width:43px; height:43px; background:url(../../common/images/loading.gif) no-repeat;}
.loading span{ padding-left:10px; font-size:14px;}
/* 颜色 */
.gray { color:#999;}
.mod-order .operate div{ margin:4px 0;}


.catalogs-list .tefruit a i{ background-position: 0 0}
.catalogs-list .tvegetablesdalei a i{ background-position: -24px 0}
.catalogs-list .t002 a i{ background-position: -48px 0}
.catalogs-list .tmeat a i{ background-position: -72px 0}
.catalogs-list .tseafood a i{ background-position: -96px 0}
.catalogs-list .tkincake a i{ background-position: -120px 0}
.catalogs-list .tvegetablesdalei a i{ background-position: -144px 0}
.catalogs-list .t8 a i{ background-position: -168px 0}
.catalogs-list .t9 a i{ background-position: -192px 0}
.catalogs-list .triceoilcondiment a i{ background-position: -216px 0}
.catalogs-list .tPresent a i{ background-position: -240px 0}